(() => {
  // 登录 - 注册
  let top_msg_act = document.querySelector(".top_msg_act");
  let header_span = document.getElementsByClassName("span1");
  top_msg_act.addEventListener("click", function (e) {
    for (let index = 0; index < header_span.length; index++) {
      header_span[index].classList.remove("textactv");
    }
    e.target.classList.add("textactv");
  });
  //  ----------------
  //获取需要悬浮的对象
  let show = document.querySelectorAll(".nav-item");
  //获取被隐藏的菜单
  let menu = document.querySelectorAll(".nav-link");
  let navbarNav = document.querySelectorAll(".navbar-nav");
  let navHov = document.querySelectorAll(".nav_hov");
  let blockDom;
  //给show添加鼠标悬浮事件
  show.forEach((s) => {
    s.onmouseover = function (e) {
      menu.forEach((m, i) => {
        // m.style.display = "block";
        if (m.innerHTML == e.target.innerHTML) {
          navHov[i].style.display = "block";
        } else {
          navHov[i].onmouseover = function (e) {
            navHov[i].style.display = "block";
          };
          navHov[i].onmouseout = function (e) {
            navHov[i].style.display = "none";
          };
        }
      });
    };
    s.onmouseout = function (e) {
      menu.forEach((m, i) => {
        if (m.innerHTML == e.target.innerHTML) {
          navHov[i].style.display = "none";
        } else {
          navHov[i].onmouseover = function (e) {
            navHov[i].style.display = "block";
          };
          navHov[i].onmouseout = function (e) {
            navHov[i].style.display = "none";
          };
        }
      });
    };
  });
  // 底部
  let linavDom = document.querySelectorAll(".linav");
  let webbotmDom = document.querySelectorAll(".linav .webbotm");
  linavDom.forEach((item, index) => {
    item.addEventListener("click", (e) => {
      webbotmDom.forEach((d, i) => {
        if (d.innerHTML != e.target.innerHTML) {
          Array.from(linavDom[i].children).forEach((a) => {
            a.classList.remove("blockdom");
          });
        } else {
          Array.from(linavDom[i].children).forEach((a) => {
            console.log(a);
            a.classList.add("blockdom");
          });
        }
      });
    });
  });

  var elements = document.querySelectorAll(".header a");
  elements.forEach((a) => {
    a.scrollIntoView({
      behavior: "smooth", // 平滑滚动
      block: "end", // 垂直方向上居中对齐（如果这是您的意图）
      inline: "nearest", // 水平方向上最接近当前位置的对齐
    });
  });
  // element1.scrollIntoView({
  //   behavior: "smooth", // 平滑滚动
  //   block: "end", // 垂直方向上居中对齐
  //   inline: "nearest", // 水平方向上最接近当前位置的对齐
  // });
  // element2.scrollIntoView({
  //   behavior: "smooth", // 平滑滚动
  //   block: "end", // 垂直方向上居中对齐
  //   inline: "nearest", // 水平方向上最接近当前位置的对齐
  // });
  // element3.scrollIntoView({
  //   behavior: "smooth", // 平滑滚动
  //   block: "end", // 垂直方向上居中对齐
  //   inline: "nearest", // 水平方向上最接近当前位置的对齐
  // });
  // element4.scrollIntoView({
  //   behavior: "smooth", // 平滑滚动
  //   block: "end", // 垂直方向上居中对齐
  //   inline: "nearest", // 水平方向上最接近当前位置的对齐
  // });
  // element5.scrollIntoView({
  //   behavior: "smooth", // 平滑滚动
  //   block: "end", // 垂直方向上居中对齐
  //   inline: "nearest", // 水平方向上最接近当前位置的对齐
  // });
})();
